<template>
  <view class="prescription-box">
      <view class="prescription-person">
          <view class="person-title">用药人</view>
          <view class="person-box">
            <view class="person-info">
              <text class="t1">张三</text>
              <text class="t2">男</text>
              <text class="t3">41岁</text>
            </view>
            <view class="person-phone">
              136xxxx8876
            </view>
          </view>
      </view>
      <view class="prescription-one">
				<view class="one-box">
					<view class="one-title">
							处方笺1
					</view>
					<view class="one-describe">
							用户上传
					</view>
					<view class="one-image">
							<img src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" alt="">
					</view>
				</view>
      </view>
			<view class="prescription-one">
				<view class="one-box">
					<view class="one-title">
							处方笺1
					</view>
					<view class="one-describe">
							用户上传
					</view>
					<view class="one-image">
							<img src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" alt="">
					</view>
				</view>
      </view>
  </view>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.prescription-box{
    margin:24rpx 24rpx 0 10rpx;
    .prescription-person{
        padding: 24rpx 0;
        background-color: #fff;
        border-radius: 16rpx;
        .person-title{
            padding:24rpx 0 0 24rpx;
            font-size: 28rpx;
            color: #333333;
            font-weight: 500;
        }
        .person-box{
            margin-left: 24rpx;
            margin-top: 32rpx;
            width: 312rpx;
            color: #3897FF;
            border: 2rpx solid #3897FF;
            border-radius: 16rpx;
            background-color: #F5FAFF;
            .person-info{
                margin-top: 24rpx;
                display: flex;
                justify-content:space-around;
            }
            .person-phone{
                padding: 24rpx;
            }
        }
    }
    .prescription-one{
        margin-top: 24rpx;
        background-color: #fff;
        border-radius: 16rpx;
				.one-box{
					padding: 24rpx;
					.one-title{
						color: #333333;
						font-size: 28rpx;
						font-weight: 500;
					}
					.one-describe{
						font-weight: 400;
						font-size: 24rpx;
						padding-top: 8rpx;
						color:#FF4F39;
					}
					.one-image{
						margin-top: 24rpx;
						img{
							width: 160rpx;
							height: 160rpx;
						}
					}
				}
    }
}
</style>